<app-topbar-word [title]="'我的'"></app-topbar-word>
<div class="content-user">
  <div class="user-login">
    <div class="box">
      <button mat-fab color="white" (click)="goLogin_onclick();">
        <img src="{{userPic}}" alt="">
      </button>
      <span *ngIf="!readerId">点击登录</span>
    </div>
  </div>

  <mat-list class="user-section">
    <mat-list-item (click)="goBookcase_onclick();">
      <div class="list-item">
        <i class="fa fa-book"></i>
        <span>我的借书架</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item (click)="goMyBookcase_onclick();">
      <div class="list-item">
        <i class="fa fa-bookmark"></i>
        <span>我的借阅</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-map-marker"></i>
        <span>管理地址</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
  </mat-list>


  <mat-list class="user-section">
    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-rocket"></i>
        <span>软件反馈</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-question-circle"></i>
        <span>常见问题</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-external-link"></i>
        <span>关于软件</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item (click)="goSettings_onclick();">
      <div class="list-item">
        <i class="fa fa-cogs"></i>
        <span>设置</span>
        <i class="fa fa-chevron-right"></i>
      </div>
    </mat-list-item>
  </mat-list>
</div>
